#include "../../lv_examples.h"
#if LV_USE_FLEX && LV_BUILD_EXAMPLES

/**
 * A simple row and a column layout with flexbox
 */
void lv_example_flex_1(void)
{   
    // 设置当前活跃界面的字体，并由于该设置会被左右子类部件继承（可以理解为所有的字体进行统一设置）
    lv_obj_set_style_text_font(lv_scr_act()  , &lv_font_montserrat_32 , 0 );


    /*Create a container with ROW flex direction*/
    /* 横向布局器 */
    lv_obj_t * cont_row = lv_obj_create(lv_scr_act());  // 创建一个空白的对象（载体）
    lv_obj_set_size(cont_row, 300, 75); // 设置载体的尺寸
    lv_obj_align(cont_row, LV_ALIGN_TOP_MID, 0, 5); // 设置容器载体本身的对齐位置

    // 重点
    lv_obj_set_flex_flow(cont_row, LV_FLEX_FLOW_ROW);

    /*Create a container with COLUMN flex direction*/
    /* 纵向布局器 */
    lv_obj_t * cont_col = lv_obj_create(lv_scr_act());
    lv_obj_set_size(cont_col, 200, 150);
    lv_obj_align_to(cont_col, cont_row, LV_ALIGN_OUT_BOTTOM_MID, 0, 5);

    // 重点
    lv_obj_set_flex_flow(cont_col, LV_FLEX_FLOW_COLUMN);

    uint32_t i;
    for(i = 0; i < 10; i++) {
        lv_obj_t * obj;
        lv_obj_t * label;

        /*Add items to the row*/
        obj = lv_btn_create(cont_row); // 创建按钮控件
        lv_obj_set_size(obj, 100, LV_PCT(100)); // 设置按钮的宽度为 100 ，高度为 100%

        label = lv_label_create(obj); // 在按钮上创建标签
        
        // snpring(msg , );
        // lv_label_set_text( , msg);
        // 按指定格式转换成字符串后，设置lable的文本内容
        lv_label_set_text_fmt(label, "Item: %u", i);

        // 设置居中对齐
        lv_obj_center(label);



        /*Add items to the column*/
        obj = lv_btn_create(cont_col);
        lv_obj_set_size(obj, LV_PCT(100), LV_SIZE_CONTENT);

        label = lv_label_create(obj);
        lv_label_set_text_fmt(label, "Item: %"LV_PRIu32, i);
        lv_obj_center(label);
    }
}

#endif
